/*@charset "utf-8";*/
/*一些基本样式*/
body{
    font-size: 14px;
    color: #666;
    font-family: "Microsoft YaHei", "微软雅黑", "SimHei", "黑体";
    background: #f7f8fa;
}
*{
    margin:0;
    padding:0;
    list-style: none;
    text-decoration: none;
    outline: none;
}

/*width*/
.w100{
    width: 100%;
}
.w-main{
    width: 1200px;
}
/*height*/
.h100{
    height: 100%;
}
/*text-align*/
.text-center{
    text-align: center;
}
.text-left{
    text-align: left;
}
.text-right{
    text-align:right;
}
/*float*/
.fl{
    float: left;
}
.fr{
    float: right;
}
.clear:after {
    content:"";
    display: block;
    height: 0;
    clear: both;
}
.clear {
    zoom: 1;
    clear: both;
}
.pr{
    position: relative;
}
.pa{
    position: absolute;
}
/*font-size*/
.fb{
    font-weight: bold;
}
.fz12{
    font-size: 12px;
}
.fz16{
    font-size: 16px;
}
.fz18{
    font-size: 18px;
}
/*padding*/
.pt5{
    padding-top: 5px;
}
.pl5{
    padding-left: 5px;
}
.pl10{
    padding-left: 10px;
}
.pl15{
    padding-left: 15px;
}
.pl20{
    padding-left: 20px;
}
.pl25{
    padding-left: 25px;
}
.pl30 {
    padding-left: 30px;
}
.pb20 {
  padding-bottom: 20px;
}
.pr30{
  padding-right: 30px;
}
/*margin基本样式*/
.margin-auto{
    margin: 0 auto;
}
.mt5{
    margin-top: 5px;
}
.mt10{
    margin-top:10px;
}
.mt15{
    margin-top:15px;
}
.mt20{
    margin-top:20px;
}
.mt30{
  margin-top:30px;
}
.mb5{
    margin-bottom: 5px;
}
.mb10{
    margin-bottom:10px;
}
.mb15{
    margin-bottom:15px;
}
.mb20{
    margin-bottom:20px;
}
.ml0{
    margin-left: 0;
}
.ml5{
    margin-left: 5px;
}
.ml10{
      margin-left:10px;
}
.ml15{
    margin-left:15px;
}
.ml20{
    margin-left:20px;
}
.ml25{
    margin-left:25px;
}
.ml30{
    margin-left:30px;
}
.mr5{
    margin-right: 5px;
}
.mr10{
    margin-right:10px;
}
.mr20{
    margin-right:20px;
}
.mr25{
    margin-right:25px;
}
.mr30{
    margin-right:30px;
}
a{
    cursor: pointer;
    text-decoration: none;
    color: #333;
}
.hand{
    cursor: pointer;
}
.bgff{
    background-color:#fff;
}
input::-webkit-input-placeholder{
    color: #bcbcbc;
}
input::-moz-placeholder{
    color: #bcbcbc;
}
input:-moz-placeholder{
    color: #bcbcbc;
}
input:-ms-input-placeholder{
    color: #bcbcbc;
}
.checkbox{
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}
  /*本项目公共样式*/
  .input-error{
    border: 1px solid #e05959!important;
  }
  .data-main{
    width: 1200px;
    height: auto;
  }
  /*登录注册错误提示*/
  .error-tip{
    display: none;
    position: absolute;
    top: 0;
    left:420px;
    height:40px;
  }
  .san-tip{
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-right: 5px solid #e05959;
    border-bottom: 5px solid transparent;
    margin-top: 15px;
  }
  .error-name{
    padding:5px 10px;
    color: #fff;
    background-color: #e05959;
    margin-top: 5px;
  }
.input-error  + .error-tip {
  display: block;
  color: #CC3333;
}
.input-error  + img + .error-tip {
  display: block;
  color: #CC3333;
}
.input-error input,  .input-error input:focus,  .input-error input:hover,  .input-error textarea {
  border-color: #CC3333;
}
/*指导标签公共*/
.common-tip{
  width: 870px;
  padding: 15px 65px;
  background: url("../images/ic_home.png") 30px center no-repeat #f0f2f5;
}
.common-tip .home{
  color: #0fa8e7;
}
.common-tip .tip{
  color: #666;
}
table{border:0;margin:0;border-collapse:collapse;border-spacing:0;}
table td{padding:0;}
/*提示*/
.top-tips{
  width: 100%;
  height: 40px;
  /*background: burlywood;*/
  position: absolute;
  top: 0;
  display: inline-block;
}
.top-tips span{
  display: inline-block;
  padding: 0 40px;
  height: 40px;
  font-size: 14px;
  line-height: 40px;
}
.tip-text1{
  color: #d68a0c;
  background: #ffefd3;
  border:1px solid #ffdb9f;
  box-shadow: 0 2px 10px 0 rgba(245,166,35,.2);
}
.tip-text2{
  color: #d74444;
  background: #ffebeb;
  border:1px solid #ff9f9f;
  box-shadow: 0 2px 10px 0 rgba(245,35,35,.2);
}
.tip-text3{
  color: #2fbd29;
  background: #f4f4f4;
  border:1px solid #c0deb5;
  box-shadow: 0 2px 10px 0 rgba(31,193,23,.2);
}
.right-content{
  padding: 20px 0 20px 20px;
}
.process-tab{
  display: inline-block;
  line-height: 80px;
  height: 80px;
  width: 120px;
}
.process-tab .active{
  background-color:#0FA8E7;
  color:#fff;
  border-bottom:1px solid #fff;
  box-shadow: 0 1px;
}
.process-tab i{
  background-color:#F2F2F2;
  display: inline-block;
  height: 8px;
  width: 11px;
  top: 37px;
  left:105px;
}
.process-tab span{
  background-color:#F2F2F2;
  border-radius: 40px;
  margin: 15px 0;
  color:#000;
  display: inline-block;
  width: 105px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 12px;
}
.process{
  width: 900px;
  height: 80px;
  background-color: #fff;
  margin: 10px 0;
  padding: 0 50px;
}
.process-i{
  position: absolute;
  left: -11px;
  left: -10px!important;
}
.i-text{
  border-bottom:1px solid #fff;
  top: 54px !important;
  left: 26px !important;
  width: 54px !important;
  height:1px !important;
}
.next-btn{
  display: inline-block;
  font-size:16px;
  width:100px;
  height:40px;
  line-height:40px;
  color:#fff;
  background-color:#0FA8E7;
  border:1px solid #0FA8E7;
  text-align: center;
  cursor: pointer;
}
.cancel-btn{
  display: inline-block;
  font-size:16px;
  width:100px;
  height:40px;
  line-height:40px;
  color:#0FA8E7;
  background-color:#fff;
  border:1px solid #ebebec;
  text-align: center;
  cursor: pointer;
}
.clearfix{}
.clearfix::before,.clearfix::after{content: "";display: table;line-height: 0;}
.clearfix::after{clear: both;}

